<template>
	<view class="content">
		<!-- 搜索框 -->
		<search></search>

		<!-- 轮播图 -->
		<banner></banner>

		<!-- 功能清单 -->
		<function-list></function-list>

		<!-- 整点秒杀 -->
		<flash-sale></flash-sale>

		<!-- 特价团购 -->
		<special-offers></special-offers>

		<!-- 商品瀑布流 -->
		<product-waterfall></product-waterfall>

		<!-- 商家列表 -->
		<shop-list></shop-list>
	</view>
</template>

<script setup>
import banner from './components/banner.vue'
import functionList from './components/function-list.vue'
import specialOffers from './components/special-offers.vue'
import shopList from './components/shop-list.vue'
import search from './components/search.vue'
import productWaterfall from './components/product-waterfall.vue'
import flashSale from './components/flash-sale.vue'
</script>

<style>
.content {
	background-color: #f5f5f5;
	min-height: 100vh;
}
</style>
